<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/img/favicon.png">

    <title>MN-Zybertech</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.css" rel="stylesheet">

    <!-- Fonts from Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
	<style>
		li a{
			font-size: 15px;
			font-weight: bold;
		}
		#mission,#vission{
			text-align: justify;
		}
	</style>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    
	    <div class="navbar navbar-inverse navbar-fixed-top">
		    <div class="container">
		    	<div class="navbar-header">
		          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button>
		          <a class="navbar-brand" href="#"><b>MN-Zybertech</b></a>
		        </div>
		        <div class="navbar-collapse collapse">
		          <ul class="nav navbar-nav navbar-right">
		            <li><a href="#">Home</a></li>
		            <li><a href="#services">Services</a></li>
		            <li><a href="#missiona">Mission</a></li>
		            <li><a href="#about">Contact Us</a></li>
		          </ul>
		        </div>
		    </div>
	    </div>
      
      <div class="container">
		
		</div><!-- /row -->
	
		<! -- CAROUSEL -->
		<div class="row mt centered">
			<div class="col-xs-12">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" >
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>
				
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner">
				    <div class="item active">
				      <img src="assets/img/11.jpeg" alt="">
				    </div>
				    <div class="item">
				      <img src="assets/img/22.jpeg" alt="">
				    </div>
				    <div class="item">
				      <img src="assets/img/33.jpeg" alt="">
				     <!-- <div class="carousel-caption">
				      	<h1 style="color:white;font-weight:bold">Caption</h1>
				      	<p class="lead">
				      		This is description
				      	</p>
				      </div>-->
				    </div>
				  </div>
				  <a class="carousel-control left" href="#carousel-example-generic" data-slide="prev">
				  	<span class="icon-prev"></span>
				  </a>
				  <a class="carousel-control right" href="#carousel-example-generic" data-slide="next">
				  	<span class="icon-next"></span>
				  </a>
				</div>			
			</div><!-- /col-lg-8 -->
		</div><!-- /row -->
	</div>
	
	<!--<div class="row">
	<div class="container">
		<div class="col-xs-12" id="bar">
	</div>		
		</div>
	</div>	-->
    
    <div class="container" id="services">
		<div class="row mt centered">
			<div class="col-lg-6 col-lg-offset-3">
				<h1>Our Services</h1>
				<h3>We provide mainly three types of services to our clients.</h3>
			</div>
		</div><!-- /row -->
		
		<div class="row mt centered">
			<div class="col-lg-4">
				<img src="assets/img/ser01.png" width="180" alt="">
				<h4>Email Marketing</h4>
				<p>We are experts at email marketing and will be able to drive huge amounts of traffic to your site to meet your needs.</p>
			</div><!--/col-lg-4 -->

			<div class="col-lg-4">
				<img src="assets/img/ser02.png" width="180" alt="">
				<h4>Website Development</h4>
				<p>We provide services that helps you to consolidate and enhance upon your online presence. </p>

			</div><!--/col-lg-4 -->

			<div class="col-lg-4">
				<img src="assets/img/ser03.png" width="180" alt="">
				<h4>SEO</h4>
				<p>We provide your internet business a first page presence on the web.</p>

			</div><!--/col-lg-4 -->
		</div><!-- /row -->
	</div><!-- /container -->
	<hr>

	<div class="container" id="missiona">
		<div class="row mt centered" >
			<div class="col-xs-6" id="mission">
				<h1 align="center">Mission</h1>
				<p>Our mission is to help careers in developing quality software solutions which is simple in use but yet having ability to handle their complex problems. We are committed in providing quality IT Solutions to careers at a cost which fits their budget. Our priority is to surge ahead the challenges and stay at the forefront while growing with our vision. The company is committed in delivering value for money solutions in a timely manner</p>
			</div>
			<div class="col-xs-6" id="vission">
				<h1 align="center">Vission</h1>
				<p>Vision is that which moves us forward, helps us keep our promises and strongly adhere to our commitment with Services. It is the key to inducing growth and the ability to accept challenges. We are focusing innovation and generating out of the box ideas. We also find and Provide employment to young, enthusiastic and excelling professionals</p>
			</div>
		</div><!-- /row -->
	</div><!-- /container -->
	<hr>

	<!--<div class="container" id="works">
		<div class="row mt centered">
			<div class="col-lg-6 col-lg-offset-3">
				<h1>Our Works.</h1>
				<h3>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h3>
			</div>
		</div>
	
		
		<div class="row mt centered">
			<div class="col-lg-6 col-lg-offset-3">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>
				
				  
				  <div class="carousel-inner">
				    <div class="item active">
				      <img src="assets/img/p01.png" alt="">
				    </div>
				    <div class="item">
				      <img src="assets/img/p02.png" alt="">
				    </div>
				    <div class="item">
				      <img src="assets/img/p03.png" alt="">
				    </div>
				  </div>
				</div>			
			</div>
		</div>
	</div>-->
	
	

	<div class="container" id="about">
		<div class="row mt centered">
			<div class="col-lg-6 col-lg-offset-3">
				<h1>Contact Us</h1>
				<h3>MN Zybertech Solution Pvt Ltd, Kollam-10, Kerala, India.</h3>
				<ul>
					<li>Muhammed Thaha : +91 8089 87 80 87</li>
					<li>Arshad Muhammed : +91 9809 14 23 07</li>
				</ul>
				
				<!--<h3>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h3>
			</div>
		</div>
		
		<div class="row mt centered">
			<div class="col-lg-4">
				<img class="img-circle" src="assets/img/pic1.jpg" width="140" alt="">
				<h4>Muhammed Thaha</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
				<p><i class="glyphicon glyphicon-send"></i> <i class="glyphicon glyphicon-phone"></i> <i class="glyphicon glyphicon-globe"></i></p>
			</div>

			<div class="col-lg-4">
				<img class="img-circle" src="assets/img/pic2.jpg" width="140" alt="">
				<h4>Arshad Muhammed</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
				<p><i class="glyphicon glyphicon-send"></i> <i class="glyphicon glyphicon-phone"></i> <i class="glyphicon glyphicon-globe"></i></p>
			</div>

			<div class="col-lg-4">
				<img class="img-circle" src="assets/img/pic3.jpg" width="140" alt="">
				<h4>John Doe</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
				<p><i class="glyphicon glyphicon-send"></i> <i class="glyphicon glyphicon-phone"></i> <i class="glyphicon glyphicon-globe"></i></p>
			</div>
		</div>
	</div>-->
	
	
		<hr>
		<p class="centered">Created by MN Zybertech Solutions Pvt Ltd</p>
	</div><!-- /container -->
	

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  </body>
</html>
